---
title: 前端系统设计面试的评估标准
description: 面试官在前端系统设计面试中寻找的特定行为和信号。
seo_title: 面试评估标准 | 前端系统设计手册
social_title: 前端系统设计面试的评估标准 | GreatFrontEnd
seo_description: 大公司面试官通常用来评估前端系统设计面试的评估标准。
---

在面试过程中，面试官会观察候选人所表现出的信号，然后给出整体的招聘和定级建议。候选人表现出的期望行为越多，面试官推荐“聘用”决定的可能性就越高。答案越详细、越成熟，定级建议就越高。

本节列出了候选人应表现出的一些行为。在您回答系统设计问题时请记住这些行为，并在面试中自信地展示它们。

## 问题探索

* 表现出对问题的透彻理解。
* 通过提出相关的澄清问题充分探索需求，以最大限度地减少歧义。
* 收集问题的、功能性和非功能性需求。
* 定义问题的范围。
* 确定要关注和解决的问题的重要方面。

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架章节：</strong>
  需求探索
</div>

## 架构

* 开发了一个能够充分解决整个问题的架构。
* 将问题分解为具有适当粒度的较小独立部分。
* 确定系统的组件并清晰地定义其职责。
* 阐明这些组件将如何协同工作，并定义/描述这些组件之间的 API。
* 开发了一个可以付诸实践的架构。
* 开发了一个考虑到可扩展性和可重用性的架构，该架构可以扩展以支持未来的需求。

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架章节：</strong>
  架构/高层设计、数据模型、接口定义
</div>

## 技术熟练度

* 表现出对前端基础知识、常用技术和 API 的技术知识和熟练程度。
* 能够深入研究与问题相关的前端特定领域。
* 确定需要特别注意的领域，并通过提出解决方案并分析其权衡来解决这些领域。

*前端领域包括性能、网络、HTML/CSS、可访问性、国际化、安全性、可扩展性等*

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架章节：</strong>
  架构/高层设计、优化和深入研究
</div>

## 探索和权衡

* 针对手头的问题提供了各种可能的解决方案，并解释了每种解决方案的优缺点。
  * 这里的“问题”不一定指给定的系统设计问题。
  * 在解决给定的问题时，会有需要解决/回答的较小问题，并且每个小问题/问题都可以有各种解决方案和选择。
* 解释了给定上下文和需求的解决方案的适用性，并为问题的上下文提供了建议。
  * 不要坚持只有一个可能的解决方案。好的问题通常有几个可能的解决方案，其中每个解决方案的适用性取决于上下文。
  * 即使其他解决方案明显很糟糕，也请提及它们并简要解释它们为什么不好。

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架部分：</strong>
  需求探索、数据模型、接口定义、优化和深入研究
</div>

## 产品和用户体验意识

* 提出了一个稳健的解决方案，为优秀的产品奠定了基础。
* 在回答问题时考虑了用户体验：加载状态、性能（感知或实际）、移动友好性、键盘友好性等。
* 考虑了错误情况并提出了处理方法。

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架部分：</strong>
  优化和深入研究
</div>

## 沟通与协作

* 清楚简洁地表达了他们的想法和观点。
* 轻松解释了复杂的概念。
* 在会议期间与面试官互动，提出好的问题，并在相关情况下征求意见。
* 接受面试官的反馈，并将反馈纳入其中以完善他们的解决方案。

<div className="mt-6 space-x-1 space-y-1 text-sm">
  <strong className="font-medium">相关框架部分：</strong>
  架构/高层设计、数据模型、接口定义、优化和深入研究
</div>

## 总结

下表总结了评估轴如何映射到 **RADIO 框架** 的各个部分：需求探索、架构/高层设计、数据模型、接口定义、优化和深入研究。

| 轴 |  R  |  A  |  D  |  I  |  O  |
| ------------------------------- | :-: | :-: | :-: | :-: | :-: |
| 问题探索 | ✅  |  -  |  -  |  -  |  -  |
| 架构 |  -  | ✅  | ✅  | ✅  |  -  |
| 技术熟练程度 |  -  | ✅  |  -  |  -  | ✅  |
| 探索和权衡 |  -  | ✅  | ✅  | ✅  | ✅  |
| 产品和用户体验意识 |  -  |  -  |  -  |  -  | ✅  |
| 沟通与协作 | ✅  | ✅  | ✅  | ✅  | ✅  |
